<template>
  <div>
    <router-link to="/find/recommend/teal">Teal</router-link>
    <router-link to="/find/recommend/pink">Pink</router-link>
    <router-link to="/find/recommend/green">Green</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "StudyRouterRecommend",

  data() {
    return {};
  },
};
</script>

<style scoped>
router-link {
  margin-right: 10px;
}
</style>